<template>

    <chart :option="option_column" style="height: 250px"></chart>

</template>

<script>
    export default {
        name: "Wlw",
        data() {
            return {
                option_column: {
                    grid: {
                        top: 10,
                        bottom:30,
                    },
                    tooltip: {
                        trigger: "axis",
                        axisPointer: {
                            type: "shadow"
                        }
                    },
                    xAxis: {
                        data: ["土壤类", "气像类", "阀门类", "视频类"],
                        axisLabel: {
                            color: "#F8733B",
                            fontSize:'14px'
                        }
                    },
                    yAxis: [{
                        type: "value",
                        show: true,
                        axisLine: {
                            show: true
                        },
                        splitLine: {
                            show: true,
                            lineStyle: {
                                color: "#333333 "
                            }
                        }
                    }],
                    series: [
                        {
                            name: "数量",
                            type: "bar",
                            barWidth: 10,
                            data: [4, 7, 3, 1],
                            itemStyle: {
                                color: "#F8733B"
                            }
                        },
                    ],
                },
            }
        }
    }
</script>

<style scoped>

</style>
